window.onload=function(){
	var index = new Vue({
		el:"#index",
		data:{
			isShow:false,
			n:0,
			img1:['img/主图4.jpg','img/主图2.png','img/主图3.jpg','img/sc_1_1.jpg'],
			arrimg:[
				{
					p1:'大时代',
					img:'img/主图4.jpg',
					p2:'￥777'
				},
				{
					p1:'黑魔法',
					img:'img/主图2.png',
					p2:'￥666'
				},
				{
					p1:'小天使',
					img:'img/主图3.jpg',
					p2:'￥999'
				},
				{
					p1:'欧莱雅',
					img:'img/sc_1_1.jpg',
					p2:'￥888'
				}
			],
			timers:null,
			
		},
		methods:{
			open(){
				this.isShow = !this.isShow;
			},
			
		},
		
		
		
		
		
		
		
	})
	
	// 点击按钮
	var zhutu_box = document.getElementById('tab_img_show');
	var left = document.getElementById('tab_left');
	var right = document.getElementById('tab_right');
	var img_box = document.getElementById('tab_img_show');
	var img_long = document.querySelectorAll('#tab_img_show img');
	var red = document.querySelectorAll('#zzj_fenlei_box div');
	var _index=0;
	// 上一张
	right.onclick=function(){
		clearInterval(T);
		T=setInterval(tab,2000);
		_index++;
		if(_index>=img_long.length){
			_index=0;
		}
		 img_box.style.left=-360 * _index +'px';
	}
	// 下一张
	left.onclick=function(){
		clearInterval(T);
		T=setInterval(tab,2000);
		_index--;
		if(_index<0){
			_index=img_long.length-1;
		}			
		 img_box.style.left=-360 * _index +'px';
	}
	
	 //自动切换
	var T=setInterval(tab,3000);
	  function tab(){
	  	   _index++;
	  	   if(_index>=img_long.length){
	  		   _index=0;
	  	   }
	  	   img_box.style.left=-360 * _index +'px';
	  }
	
}
